<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Column Highlighting</title>
<!--
http://stackoverflow.com/questions/339923/how-to-set-cellpadding-cellspacing-in-css
http://css-tricks.com/row-and-column-highlighting/
http://p.sohei.org/stuff/jquery/tablehover/demo/demo.html
 -->
<style type="text/css">
.c1{background-color: #6495ED;}
.c1:hover{ /* NO Effect  */
    background-color: #7B68EE;
    outline: 20px solid FFFF00;
}
.c2{background-color: #F4A460;}
.c3{background-color: #7FFFD4;}


/*******************************/
.r1{background-color: #6495ED;}
.r1:hover{
    background-color: #7B68EE;
}
.r2{background-color: #F4A460;}
.r2:hover{
    background-color: #D2691E;
}
.r3{background-color: #7FFFD4;}
.r3:hover{
    background-color: #40E0D0;
}
</style>
</head>
<body>
  <table border="1" cellpadding="0" cellspacing="0">
    <colgroup ><col /></colgroup><colgroup class="c1"><col/></colgroup><colgroup class="c2"><col span="2"/></colgroup><colgroup class="c3"><col/><col/><col/></colgroup>
    <tr><th>col1</th><th>col2</th><th>col3</th><th>col4</th><th>col5</th><th>col6</th><th>col7</th><th>col8</th></tr>
    <tr><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td></tr>
    <tr><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td></tr>
    <tr><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td></tr>
    <tr><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td></tr>
  </table>
<br />
  <table border="1" cellpadding="0" cellspacing="0">
    <tr><th>col1</th><th>col2</th><th>col3</th><th>col4</th><th>col5</th><th>col6</th><th>col7</th><th>col8</th></tr>
    <tr><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td></tr>
    <tr class="r1"><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td></tr>
    <tr class="r2"><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td></tr>
    <tr class="r3"><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td>AAAA</td></tr>
  </table>
</body>
</html>
